/*
 * Develop by Webis Team
 * Project Name : Babo Renewal
 * Created date : 01/04/2014
 * Copyright © Webis.INC. All right reserved 
/* --//////////////////////////////////////////////////////////////////////-- */
/* BRAND NEW STYLE                                                            */
/* --//////////////////////////////////////////////////////////////////////-- */
/* Menu top */
#brand div.topcate{height:300px; margin-top:39px; margin-bottom:55px; position:relative;}
#brand div.topcate .btnPrev, #brand div.topcate .btnNext{width:15px; height:23px; position:absolute; top:164px; cursor:pointer; z-index:3333;}
#brand div.topcate .btnPrev{left:0;}
#brand div.topcate .btnNext{right:0;}
#brand div.topcate ul.topnav.bg01{background-color:#9fdcf4;}
#brand div.topcate ul.topnav.bg02{background-color:#ffa7c4;}
#brand div.topcate ul.topnav.bg03{background-color:#d7bdec;}
#brand div.topcate ul.topnav.bg04{background-color:#e0bd9d;}
#brand div.topcate ul.topnav.bg05{background-color:#c3e249;}
#brand div.topcate ul.topnav.bg06{background-color:#cfcfcf;}
#brand div.topcate ul.topnav.bg07{background-color:#ffd561;}
#brand div.topcate ul.topnav{position:relative; height:43px; line-height:43px; position:relative; behavior: url(css/pie/PIE.htc); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#brand div.topcate ul.topnav li{background:url('../img/brand/news_topdivmenu_icon.png') right center no-repeat; float:left; margin:0; padding-right:1px;}
#brand div.topcate ul.topnav li:last-child{padding:0; background-image:none;}
#brand div.topcate ul.topnav li > a{padding: 0 52px; display:block; color:#888;}
#brand div.topcate div.item-inner{display:none; /*width:1045px;*/ margin:0 25px; position:relative;}


/* Top navigation */
div.topmenu      {width:1094px; background-color:#ffffff; border:3px solid #f6f6f6; position:relative; *zoom:1; margin-bottom:20px;}
div.topmenu:after{display:table; content:''; clear:both;}
div.topmenu ul li{background:url('../img/common/topmenu_bar.gif') right center no-repeat; float:left; margin:0; padding-right:1px;}
div.topmenu ul li:last-child{padding:0; background-image:none;}
div.topmenu.sub{width:1098px; background-color:#fbfbfb; border-width:1px; position:absolute;}
div.topmenu.sub ul li{background:url('../img/common/topmenu_sub_bar.gif') right center no-repeat;}

/* Left menu navi */
ul.navi{list-style:none outside none;}
ul.navi li{display:block;border-bottom:1px solid #eeeeee;}
ul.navi li:first-child{border-top:1px solid #cfcfcf;}
ul.navi li a{display:block; padding:8px 0 7px 14px; font-size:12px;}
ul.navi li a:hover, ul.navi li a.on{color:#ff5b90;}

/* Tabs - Sort - List Tree */
#brand .tabs{display:block; background:url("../img/common/bg_tab_sale.gif") repeat-x;}
#brand .tabs:after{clear:both; content:""; display:block;}
#brand .tabs a{width:124px; height:31px;background: url("../img/common/tab_sale.gif") no-repeat; display:inline; float:left; font-family:Dotum; font-size:13px; line-height:31px; text-align:center; letter-spacing:-1px; margin-right:-1px;}
#brand .tabs a.on{background:url("../img/common/tab_sale_r.gif") no-repeat; font-weight:bold;}
#brand .tabs a:hover{text-decoration:underline;}

/* Sale List */
#brand div.item{margin-top:-20px;}
#brand ul.list{display:inline-block; *display:inline;}
#brand ul.list li{float:left; padding:40px 44px 40px 43px; border-bottom:1px solid #f6f6f6; background:url('../img/product/bg_sale_line_m.gif') right 40px no-repeat;}
#brand ul.list li.startln{padding-left:0;}
#brand ul.list li.endln{padding-right:0; background-image:none;}
#brand ul.list li.clear{background:#fff; padding:0; display:block; width:100%; height:1px; border:none; margin-top:-1px;}
#brand ul.list li dl{width:150px; height:252px; position:relative;}
#brand ul.list li dl div.photo{width:150px; height:150px;}
#brand ul.list li dl div.icons{height:29px; position:relative;}
#brand ul.list li dl div.icons img{float:left; margin:4px 2px 0 0;}
#brand ul.list li dl div.icons div.sale{width:35px; height:29px; background:url('../img/common/bg_sale_percent.gif') no-repeat; position:absolute; right:0; top:0;}
#brand ul.list li dl div.icons div.sale span{display:block; font-family:Lato Bold; font-size:16px; margin-top:4px; text-align:center; color:#FFFFFF;}
#brand ul.list li dl div.icons div.sale em{font-size:10px;}
#brand ul.list li dl div.info .brand,
#brand ul.list li dl div.info .name{display:block; font-size:11px;}
#brand ul.list li dl div.info .brand:hover,
#brand ul.list li dl div.info .name:hover{text-decoration:underline;}
#brand ul.list li dl div.info .brand{color:#888888; margin-top:2px;}
#brand ul.list li dl div.info .name{color:#666666; width:99px; margin-top:3px; line-height:15px;}
#brand ul.list li dl div.info{width:100%; left:0; margin:15px 0;}
#brand ul.list li dl div.price{width:100%; height:20px; left:0; position:relative;}
#brand ul.list li dl div.price .n1, #brand ul.list li dl div.price .n2{right:0px;}
#brand ul.list li dl div.price .n1{left:0; text-decoration: line-through; color:#999999;}
#brand ul.list li dl div.price .n2{right:0px; text-align:right; font-weight:bold; position:absolute;}
#brand table.page-control{margin-top:20px; margin-bottom:30px;}


/*menu topcate*/
.conner3 {behavior: url(css/pie/PIE.htc); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
#MN_Items .item-inner table td .item_img{ margin:10px 6px 0px 6px  ;}

#MN_Items .item_img .product_image {
	position:relative;
}
#MN_Items .item-inner table td .imgmenu{ margin-top:0px;}
#MN_Items #quick_black250 { 
	position:absolute;
    bottom:0px;
    left:0px;
    width: 250px;
    height:250px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	line-height:14px;
    background:url(../img/brand/tran.png);
    /*background:#000;
    opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);*/
    overflow:auto;
	display:none;

}
#MN_Items #quick_black250 span{
	margin: 90px auto;
	display: block;
}
#MN_Items #quick_black120 span{
	margin: 25px auto;
	display: block;
}
.product_image a.bl250:hover > div#quick_black250{
	display:block !important;
}
.product_image a.bl120:hover > div#quick_black120{
	display:block !important;
}

#MN_Items #quick_black120 { position: absolute; bottom: 0px; left: 0px; width: 120px; height: 120px; background:url(../img/brand/tran.png); display: none;overflow: auto; text-align:center; color:#fff; line-height:14px;}
/*#MN_Items .item-inner table td a{ display:block; background-color:#063}*/

/* --//////////////////////////////////////////////////////////////////////-- */
/* BRAND NEW STYLE                                                            */
/* --//////////////////////////////////////////////////////////////////////-- */